<h1 ng-show="stepExecutionDetails">Step Execution Details - Step Execution ID: {{stepExecutionDetails.executionId}}</h1>

<h4 ng-show="stepExecutionDetailsNotFound">The Step Execution Details for Step Execution ID {{stepExecutionId}} could not be found.</h4>

<table class="table table-striped table-hover" ng-show="stepExecutionDetails">
  <thead>
  <tr>
    <th>Property</th><th>Value</th>
  </tr>
  </thead>
  <tbody>
  <tr>
    <td>Step Execution Id</td>
    <td>{{stepExecutionDetails.executionId}}</td>
  <tr>
  <tr>
    <td>Job Execution Id</td>
    <td>{{stepExecutionDetails.jobExecutionId}}</td>
  <tr>
  <tr>
    <td>Step Name</td>
    <td>{{stepExecutionDetails.stepName}}</td>
  <tr>
  <tr>
    <td>Step Type</td>
    <td>{{stepExecutionDetails.stepType}}</td>
  <tr>
  <tr>
    <td>Status</td>
    <td ng-class="{'text-success': stepExecutionDetails.status === 'COMPLETED', 'text-danger': stepExecutionDetails.status === 'FAILED'}">{{stepExecutionDetails.status}}</td>
  <tr>
  <tr>
    <td>Commits</td>
    <td>{{stepExecutionDetails.commitCount}}</td>
  <tr>
  <tr>
    <td>Duration</td>
    <td duration start='stepExecutionDetails.startTime' end='stepExecutionDetails.endTime'></td>
  <tr>
  <tr>
    <td>Filter Count</td>
    <td>{{stepExecutionDetails.filterCount}}</td>
  <tr>
  <tr>
    <td>Process Skips</td>
    <td>{{stepExecutionDetails.processSkipCount}}</td>
  <tr>
  <tr>
    <td>Reads</td>
    <td>{{stepExecutionDetails.readCount}}</td>
  <tr>
  <tr>
    <td>Read Skips</td>
    <td>{{stepExecutionDetails.readSkipCount}}</td>
  <tr>
  <tr>
    <td>Rollbacks</td>
    <td>{{stepExecutionDetails.rollbackCount}}</td>
  <tr>
  <tr>
    <td>Skips</td>
    <td>{{stepExecutionDetails.readSkipCount + stepExecutionDetails.processSkipCount + stepExecutionDetails.writeSkipCount}}</td>
  <tr>
  <tr>
    <td>Writes</td>
    <td>{{stepExecutionDetails.writeCount}}</td>
  <tr>
  <tr>
    <td>Write Skips</td>
    <td>{{stepExecutionDetails.writeSkipCount}}</td>
  <tr>
  </tbody>
</table>

<h4 ng-show="stepExecutionDetails">Exit Description</h4>

<div style="overflow-x: auto;" ng-show="stepExecutionDetails">
  <pre>{{stepExecutionDetails.stepExecution.exitStatus.exitDescription || 'N/A'}}</pre>
</div>

<h4 ng-show="stepExecutionDetails">Step Execution Context</h4>

<table class="table table-striped table-hover" ng-show="stepExecutionDetails">
  <thead>
  <tr>
    <th>Key</th>
    <th>Value</th>
  </tr>
  </thead>
  <tbody>
  <tr ng-repeat="(key, value) in stepExecutionDetails.executionContext | orderBy: key">
    <td>{{key}}</td>
    <td xd-parse-urls>{{value}}</td>
  </tr>
  <tr ng-show="stepExecutionDetails.executionContext.length == 0">
    <td colspan="2">No Execution Context values are available.</td>
  </tr>
  </tbody>
</table>
